*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
/*-----头部-----*/
header{
    padding-left: 22px;
    padding-right: 22px;
    border-top: 3px solid #75c4cb;
    border-bottom: 1px #fbfbfb solid;
    box-shadow: 1px 1px 1px #fbfbfb;

}
header .navbar-light .navbar-nav .nav-link{
    font-size: 18px;
    color: #323232;
}
header .navbar-expand-lg .navbar-nav .nav-link{
    padding-right:1rem;
    padding-left: 1rem;
}
header .active{
    border-bottom: 4px #4989f3 solid;
}
header .nav-link:hover{
    border-bottom: 4px #4989f3 solid;
}
header .nav-active:hover{
    border: 0;
}
header nav{
    padding: 1rem 1rem;
}
header .nav-link{
    padding: 1rem 1rem;
}
header .nav-btn{
    margin-top: 7px;
    background-color: #e3f4fe;
    color: #4873db;
    border: 0;
    border-radius:34px;
    padding: 9px 19px;
    cursor: pointer;
    display: inline-block;
}
header .form-inline .btn{
    background-color: #e3f4fe;
    color: #4873db;
    border: 0;
    border-radius:34px;
    padding: 9px 19px;
    cursor: pointer;
    display: inline-block;
}
section{
    margin-bottom: 100px;
}
/*---第一部分--*/
.OnePlus{
    width: 100%;
}
.OnePlus .left{
    display: flex;
    padding-right: 15px;
}
.OnePlus .container{
    display: flex;
}
/*.OnePlus .left img{
    width: 100%;
}*/
.OnePlus .left img{
    width: 916px;
}
.OnePlus .right img{
    width: 177px;
    height: 107px;

}

/*------中间------*/
/*---第二部分----*/

.huawei .rengong h5{
    background-color: #4989f3;
    color: #f2f5fc;
    padding: 17px 38px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

}
.rengong ul{
    list-style: none;
    border: 1px #f0f0f0 solid;
}
.rengong a{
    color:#686765;
    font-size: 18px;


}
.rengong li:hover a{
    color: #4889f3;

    text-decoration: none;

}
.rengong li{
    padding: 22px 30px;
    display: inline-block;
    text-align: center;
    width: 157px;
    border-bottom: 1px #f0f0f0 solid;
    cursor: pointer;

}

/*-----第一部分-----*/
.card-img{
   display: flex;
}
.card-img img{
    width: 100%;
}
.tl{
    padding-right: 10px;
}
.tl img{
    height: 295px;
    width: 370px;
}
.dujiaoshou img{
    width: 252px;
}
.dujiaoshou img:nth-of-type(1){
    padding-bottom: 10px;
}

/*----中间第二部分-------*/
/*-通用--*/
.rd,.guitu,.syc,.sanxing,.sz,.zw,.rb,.zt{
    width: 100%;
    border-bottom: 1px #e6e6e6 solid;
}
/*--通用-*/
.rd:hover,.guitu:hover,.syc:hover,.sanxing:hover,.sz:hover,.zw:hover,
.rb:hover,.zt:hover{
    background-color: #f3f6f8;
}
.card-list{
    display: flex;
}
.rd h4{
    color: #5989ed;
    font-size: 30px;
    font-weight: bolder;
}
.rd .rd-img{
    padding-right: 15px;
}
.card-center h3 a{
  font-size: 23px;
    color: #333331;
}
.card-center a:hover{
    text-decoration: none;
}
.card-center h3 a:hover{
    color: #5989ed;
}
.rd .card-a a,.guitu .a1,.card-a a ,.sz .a1,.a1{
    background-color: #f1eff0;
    border-radius:34px;
    padding: 5px 16px;
    display: inline-block;
    color: #979998;
    font-size: 14px;
}
.rd .card-a a:hover,.guitu .a1:hover,.card-a a:hover,.sz .a1:hover,.a1:hover{
    background-color: #e3f3fe;
    color: #4889f3;
}
.rd-right p{
    padding-top: 21px;
}
.rd-right span{
    color: #656766;
}
.rd-right span a:nth-of-type(1){
    color: #666666;
    padding-right: 10px;
}
.rd .rd-right span:nth-of-type(3){
    float: right;
}
.rd-right img,.guitu span img{
    padding-right: 5px;
}
/*----中间第三部分---*/
/*--通用---*/
.guitu,.sanxing,.sz,.zw,.rb,.zt{
    padding-top: 30px;
    padding-bottom: 20px;
}
.guitu .img-1,.sz .img-1,.img-1{
    width: 208px;
    margin-bottom: 10px;
}
.guitu span a:nth-of-type(1)
,.sz span a:nth-of-type(1)
,.rb span a:nth-of-type(1)
,.zt .span-1{
    color: #666867;
    padding-right: 12px;
}
.guitu .a1,.sz .a1,.a1{
    margin-left: 12px;
}
.guitu span:nth-of-type(2),.sanxing .span-1{
    float: right;
}
/*
.guitu span img{
    padding-right: 5px;
}*/

/*--中间第四部分--*/
.syc{
    padding-top: 30px;
}
.syc .rd-img img,.sanxing .rd-img img,.sz .span-1 img,.rd-img img{
    padding-right: 10px;
}

.syc .span-1,.sz .span-1,.span-1{
    float: right;
}
/*---中间的第五部分---*/
.sanxing .card-a{
    padding-top: 48px;
}
.sanxing{
    padding-bottom: 0;
}
/*----中间第六部分----*/
/*----中间第七部分-----*/
/*-----中间第八部分-------*/
/*---中间第十三部分---*/

.kj .zw{
    border: 0;
}
/*-----中间第十四部分-----*/
.card-btn{
text-align: center;
}
.card-btn button{
    background-color: #f0f0f0;
    border:0;
    color: #666762;
    font-size: 20px;
    display: inline-block;
    padding: 5px 236px;
    border-radius: 5px;
   cursor: pointer;
}
.card-btn button:hover{
    background-color: #e3f3fe;
    color: #4889f3;
}
/*---中间第十五部分----*/
/*---中间第十八部分--*/
.card-bottom{
    padding-top: 35px;
}
/*--中间第二十四部分--*/
.zt .span-1 a{
    color: #666666;
    padding-right: 10px;
}
.zt .span-1 img{
    padding-right: 5px;
}
/*--中间第二十七部分---*/
.pg .card-bottom,.mg-1 .card-bottom{
    padding-top: 66px;
}
/*---右边--*/
.sj img{
    width: 100%;
}
.zc{
    background-color: #f7f8fa;
    padding: 19px;
}
.zc .text{
    display:flex;
    font-size: 14px;
}
.text img{
    width: 110px;
    padding-right: 10px;
}
.text a{
        color: #333335;
}
.text a:hover{
    color: #2291f7;
    text-decoration: none;
}
.ck{
    text-align: center;
    border-top: 1px #eaeaea solid;
    padding-top: 14px;
}
.ck a{
    color: #686667;
}
.ck:hover a{
    color: #2291f7;
    text-decoration: none;
}
.yc h4{
    color: #2291f7;
}
/*-----热门专题-----*/
.zt-1 h4{
    color: #4989f3;
}
.zt-1 img{
    width: 100%;
}
.zt-1 a{
    color: #303433;
    padding: 10px;
    display: inline-block;
}
.zt-1 a:hover{
    color: #4989f3;
    text-decoration: none;
}
.zt-1 .cp{
    background-color: #f7f8fa;
    padding-bottom: 20px;
}
.zt-1 .ck{
    background-color: #f7f8fa;
    padding-bottom: 10px;
}

footer p{
    text-align: center;
}
footer p a{
    color: #333333;
}
footer p a:hover{
    color: #4989f3;
    text-decoration: none;
}

@media(max-width: 600px){
    .card-img{
        display: flex;
        flex-wrap: wrap;
    }
    .dujiaoshou img{
        width: 100%;
    }
    .card-list{
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .guitu .img-1, .sz .img-1, .img-1{
        width: 100%;
    }
    .card-btn button{
        padding: 5px 103px;
        cursor:pointer;
    }
    .tl{
        padding-right: 0;
        padding-bottom: 10px;
    }
    .tl img{
        width: 100%;
    }
    .OnePlus .left img{
        width: 100%;
    }
    .OnePlus .left{
        padding-right: 0;
        padding-bottom: 20px;

    }
    .rengong li{
        width: 100%;
    }
    .OnePlus .container{
        flex-wrap: wrap;
    }
    .OnePlus .right img{
        width: 100%;
    }
    footer p a{
        line-height: 52px;
    }
}